<div style="width: 100%; height: 100%; position: relative;">
  <div
    id="map"
    style="width: 100%; height: 100%; position: absolute; z-index: 2; background: transparent;"
  >
  </div>
  <div
    id="amap"
    style="width: 100%; height: 100%; position: absolute; z-index: 1; "
  >
  </div>
  <div style="top: 10px; right: 10px; position: absolute; z-index: 3; display: grid; grid-gap: 5px; grid-auto-flow: column;">
    <button nz-button nzType="default" (click)="save()"><i nz-icon nzType="save"></i></button>
    <button nz-button nzType="default" (click)="layerDlg.show()"><i nz-icon nzType="menu-unfold"></i></button>
  </div>
</div>

<app-layer #layerDlg></app-layer>
<app-feature #featureDlg></app-feature>